FE405
React Web
Faculty
Ægir Thorsteinsson
Co-founder of Aranja and Hopp
Course length
Duration
Total hours
Credits
Language
Course type
Fee for single course
Fee for degree students
Skills you’ll learn
Overview
There's a good reason why React is the most popular JavaScript framework worldwide. It has managed to create a nice encapsulation of UI components that can be easily reused. It's not only utilised for web development but also for making mobile apps, games, and more.
In this course, we’ll cover the fundamentals for beginners. Students will learn about master components, state and props, how to navigate with React Router, and explore styling and animations. Students will take part in practical projects to create dynamic web applications.
Learning highlights
- What is React, and why is it so popular?
- Learn the fundamentals of React.
- Different methods of managing states in React
- Styling and animations
Course outline
15 classes
Intro
- Javascript fundamentals
- Intro to React
- JSX
Hooks
- What are hooks?
- State
- Refs
- Effects
Styling
- CSS in JS
- Styled Components
- Theming
Animations
- Native animations
- Lifecycle animations
- Spring animations
Practice session
Practice session
Forms
- Forms Controlled vs uncontrolled components
- Handling user input
- Form libraries
Data fetching
- Network requests
- Data fetching libraries
Routing
- React Router
- Query/Search Params
Advanced Animations
- Framer Motion
Practice session
Practice session
State Management
- Context
- Reducers
- State management libraries
Design Systems
- Open source design systems
- Accessibility
- Make your own design system
Tooling
- Javascript tooling
- React dev tools
Legacy Code
- Class components
- Context API
Final Project Presentation
Final Project Presentation
Prerequisites
Basic understanding of HTML and CSS.
Basic knowledge of JavaScript and programming.
Basic understanding of the DOM.
Methodology
Classes will be a mix of slides and demos, with some spare time to work on homework or projects. Homework will be given at least two days a week. Weekly project 1 will be presented in front of the class on Monday in week 2, and the final project will be presented on the last Friday of the course. (There will be no presentation of Weekly Project 2 since the Final Project will be built on top of that.)
Grading
Ægir is a Front-End Developer and co-founder at Aranja, a digital agency based in Reykjavik, Iceland, specializing in front-end development for websites and apps. With over two decades of experience, he began his career as a Front-End Developer at the age of 16 and has continually embraced the evolving web platform to deliver cutting-edge solutions.
He has worked on high-profile projects for industry leaders like Google, Facebook and Dropbox, with recent projects focusing on React.
See full profileApply for this course
React Web
by Ægir Thorsteinsson
Total hours
45 Hours
Dates
Dec 02 - Dec 20, 2024
Fee for single course
€1500
Fee for degree students
€750
How to secure your spot
Complete the form below to kickstart your application
Schedule your Harbour.Space interview
If successful, get ready to join us on campus
FAQ
Will I receive a certificate after completion?
Yes. Upon completion of the course, you will receive a certificate signed by the director of the program your course belonged to.
Do I need a visa?
This depends on your case. Please check with the Spanish or Thai consulate in your country of residence about visa requirements. We will do our part to provide you with the necessary documents, such as the Certificate of Enrollment.
Can I get a discount?
Yes. The easiest way to enroll in a course at a discounted price is to register for multiple courses. Registering for multiple courses will reduce the cost per individual course. Please ask the Admissions Office for more information about the other kinds of discounts we offer and what you can do to receive one.